<div class="view-box flex">
    <div class="view-left">
        <h2 class="title">Input 输入框</h2>

        <div class="block">
            <p class="next-title">Input基础用法,可清除</p>
            <div class="w300">
                <min-input clearable myLight="000" type="success" [(ngModel)]="test" icon="icon635"></min-input>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"><min-input clearable [(ngModel)]="test"></min-input></textarea>
                </div>
            </div>
        </div>
        <div class="block">
            <p class="next-title">Icon</p>
            <div class="w300">
                <min-input myLight="000" [(ngModel)]="test" icon="icon635"></min-input>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"><min-input  icon="icon635" [(ngModel)]="test"></min-input></textarea>
                </div>
            </div>
        </div>
        <div class="block">
            <p class="next-title">带Title</p>
            <div class="w300">
                <min-input [(ngModel)]="test" title="Service Status"></min-input>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"><min-input title="Service Status" [(ngModel)]="test"></min-input></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="view-right">
        <h2 class="title">参数说明</h2>
        <table class="table">
            <tr class="head">
                <th>参数</th>
                <th>说明</th>
                <th>类型</th>
                <th>可选值</th>
                <th>默认值</th>
            </tr>
            <tr class="content">
                <th>placeholder</th>
                <th>占位符</th>
                <th>string</th>
                <th>--</th>
                <th>无</th>
            </tr>
            <tr class="content">
                <th>icon</th>
                <th>图标(只支持input框前图标)</th>
                <th>string</th>
                <th>--</th>
                <th>无</th>
            </tr>
            <tr class="content">
                <th>title</th>
                <th>标题(与icon参数互斥，不可同时支持)</th>
                <th>string</th>
                <th>--</th>
                <th>无</th>
            </tr>
            <tr class="content">
                <th>type</th>
                <th>类型</th>
                <th>string</th>
                <th>default/success/error/disabled</th>
                <th>default</th>
            </tr>
            <tr class="content">
                <th>--</th>
                <th>--</th>
                <th>--</th>
                <th>small/middle/large</th>
                <th>small</th>
            </tr>
        </table>
    </div>
</div>